<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="./index.js"></script>
<body>
</body>
</html>
<script>
    // let 有块级作用域，{}
// for (let i = 0; i < 10; i++) { // 10
//    setTimeout(() => {
//     console.log(i);
//    },100)
// }

// 使用闭包来解决
// for (var i = 0; i < 10; i++) { // 10
//    (function(i){ // 自执行函数
//      setTimeout(() => {
//         console.log(i);
//     },100)
//    })(i)
// }


</script>